/* web_developer theme tokens */
body.web_developer,
html body.web_developer {
    /*--main-color-one: #8750fc !important;*/
    /*--main-color-one-rgb: 135, 80, 252 !important;*/
    /*--main-color-two: #905cff !important;*/
    /*--main-color-three: #1b1448 !important;*/
    /*--main-color-four: #0b043a !important;*/
    /*--secondary-color: #905cff !important;*/
    /*--secondary-color-two: #1b1448 !important;*/
    /*--agency-section-bg: #0b043a !important;*/
    /*--agency-section-bg-2: #1b1448 !important;*/
    /*--agency-section-bg-3: #120a44 !important;*/
    /*--heading-color: #ffffff !important;*/
    /*--heading-body-color: #c3c0d8 !important;*/
    /*--body-color: #c3c0d8 !important;*/
    /*--light-color: #505050 !important;*/
    /*--review-color: #938db9 !important;*/
    /*--feedback-bg-item: #1b1448 !important;*/
    /*--section-bg-1: #0b043a !important;*/
    /*--section-bg-2: #1b1448 !important;*/
    /*--section-bg-3: #160d4f !important;*/
    /*--section-bg-4: #21185f !important;*/
    /*--section-bg-5: #2b2170 !important;*/
    /*--section-bg-6: #362987 !important;*/
    /*--breadcrumb-bg: #0b043a !important;*/
    /*--extra-light-color: #9c9ba1 !important;*/
    /*--new-color: #ffffff !important;*/
    --heading-font: Space Grotesk !important;
    --body-font: Space Grotesk !important;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Space Grotesk', sans-serif !important;
    background: #0b043a;
    color: #c3c0d8;
}

body.web_developer .webdev-hero-area {
    position: relative;
    background: linear-gradient(rgba(11, 4, 58, 0.68), rgba(11, 4, 58, 0.68)), var(--webdev-hero-bg) center/cover no-repeat;
    min-height: 115vh;
    display: flex;
    align-items: center;
}
body.web_developer .webdev-hero-title { font-size: clamp(38px, 5.2vw, 68px); color: #fff; line-height: 1.1; font-weight: 700;}
body.web_developer .webdev-hero-text { max-width: 760px;color: #fff; margin-left: auto; margin-right: auto; font-size: 18px; line-height: 1.6; }

/* Hero Button Style Optimization */
body.web_developer .webdev-hero-area .cmn-agency-btn {
    padding: 18px 45px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    background: var(--main-color-one, #8750fc) !important;
    color: #ffffff !important;
    border: 2px solid var(--main-color-one, #8750fc) !important;
    transition: all 0.4s ease;
    text-transform: capitalize;
    display: inline-block;
}

body.web_developer .webdev-hero-area .cmn-agency-btn:hover {
    background: #ffffff !important;
    color: var(--main-color-one, #8750fc) !important;
    border-color: #ffffff !important;
}

/* Character Profiles (About Me) Optimization */
body.web_developer .webdev-profiles-area {
    background: #0b043a;
    padding: 100px 0;
}
body.web_developer .webdev-profile-thumb-wrapper {
    position: relative;
    display: inline-block;
}
body.web_developer .webdev-profile-thumb {
    position: relative;
    z-index: 2;
    background: rgba(27, 20, 72, 0.92);
    border: 1px solid rgba(195, 192, 216, 0.16);
    padding: 10px;
    border-radius: 10px;
}
body.web_developer .webdev-profile-thumb img {
    max-width: 400px;
    height: auto;
    border-radius: 5px;
    object-fit: cover;
}
body.web_developer .webdev-profile-social li a {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(195, 192, 216, 0.1);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s;
}
body.web_developer .webdev-profile-social li a:hover {
    background: var(--main-color-one, #8750fc);
    border-color: var(--main-color-one, #8750fc);
}
body.web_developer .webdev-profile-introduction {
    color: #ffffff;
    font-size: clamp(24px, 3.5vw, 36px);
    font-weight: 700;
    line-height: 1.3;
}
body.web_developer .webdev-profile-description {
    color: #c3c0d8;
    font-size: 18px;
    line-height: 1.8;
}

body.web_developer .webdev-profile-card,
body.web_developer .webdev-service-card,
body.web_developer .webdev-featured-card,
body.web_developer .webdev-evaluate-card,
body.web_developer .webdev-contact-box {
    background: rgba(27, 20, 72, 0.92);
    border: 1px solid rgba(195, 192, 216, 0.16);
    border-radius: 10px;
}
body.web_developer .webdev-profile-thumb img,
body.web_developer .webdev-featured-thumb img { width: 100%; height: 220px; object-fit: cover; border-radius: 10px 10px 0 0; }
body.web_developer .webdev-profile-content,
body.web_developer .webdev-featured-content,
body.web_developer .webdev-service-card,
body.web_developer .webdev-evaluate-card,
body.web_developer .webdev-contact-box { padding: 22px; }
body.web_developer .webdev-featured-link { color: #ffffff; text-decoration: underline; }
body.web_developer .webdev-counter-item { text-align: center; padding: 18px 8px; }
body.web_developer .webdev-counter-item h3 { color: #fff; font-size: 42px; line-height: 1; margin-bottom: 8px; }

body.web_developer .webdev-contact-box .title,
body.web_developer .agency_section__title .title,
body.web_developer .webdev-profile-title,
body.web_developer .webdev-service-title,
body.web_developer .webdev-featured-content h4 { color: #fff; }

body.web_developer .webdev-profiles-area,
body.web_developer .webdev-service-area,
body.web_developer .webdev-featured-area,
body.web_developer .webdev-evaluate-area,
body.web_developer .webdev-contact-area { background: transparent; }

/* 首页/二级页导航分流 */
body.web_developer.home-page .navbar-area,
body.web_developer.webdev-home .navbar-area {
    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,0.12);
}
body.web_developer.home-page .navbar-area .nav-container .navbar-collapse .navbar-nav li a,
body.web_developer.webdev-home .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 800;
}
body.web_developer:not(.home-page):not(.webdev-home) .navbar-area {
    background: #ffffff !important;
    border-bottom: 1px solid rgba(11, 4, 58, 0.1);
}
body.web_developer:not(.home-page):not(.webdev-home) .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    color: #1b1448 !important;
    -webkit-text-fill-color: #1b1448 !important;
}

@media (max-width: 991.98px) {
    body.web_developer .webdev-hero-title { font-size: clamp(30px, 8vw, 46px); }
    body.web_developer .webdev-profile-thumb img,
    body.web_developer .webdev-featured-thumb img { height: 190px; }
}
/* web_developer: navbar-hero merge + home/inner color split (final) */
body.web_developer.webdev-home header.header-style-01,
body.web_developer.home-page header.header-style-01,
body.web_developer.webdev-has-hero header.header-style-01 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
}

body.web_developer.webdev-home header.header-style-01 .searchbar-area,
body.web_developer.home-page header.header-style-01 .searchbar-area,
body.web_developer.webdev-has-hero header.header-style-01 .searchbar-area {
    position: relative;
    z-index: 9999;
    pointer-events: auto;
}

body.web_developer.webdev-home .navbar-area,
body.web_developer.home-page .navbar-area,
body.web_developer.webdev-has-hero .navbar-area {
    position: relative;
    z-index: 9999;
    background: transparent !important;
    border-bottom: none !important;
}

body.web_developer.webdev-home .navbar-area .nav-container,
body.web_developer.home-page .navbar-area .nav-container,
body.web_developer.webdev-has-hero .navbar-area .nav-container {
    background: transparent !important;
}

/* home nav text/icon color */
body.web_developer.webdev-home .navbar-area .navbar-nav > li > a,
body.web_developer.home-page .navbar-area .navbar-nav > li > a,
body.web_developer.webdev-has-hero .navbar-area .navbar-nav > li > a,
body.web_developer.webdev-home .navbar-area .nav-right-content .icon,
body.web_developer.home-page .navbar-area .nav-right-content .icon,
body.web_developer.webdev-has-hero .navbar-area .nav-right-content .icon,
body.web_developer.webdev-home .navbar-area .nav-right-content .accounts,
body.web_developer.home-page .navbar-area .nav-right-content .accounts,
body.web_developer.webdev-has-hero .navbar-area .nav-right-content .accounts,
body.web_developer.webdev-home .navbar-area .navbar-toggler,
body.web_developer.home-page .navbar-area .navbar-toggler,
body.web_developer.webdev-has-hero .navbar-area .navbar-toggler {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

 /* web_developer navbar hover/active highlight (override webkit text fill) */
 body.web_developer.webdev-home .navbar-area .nav-container .navbar-collapse .navbar-nav > li > a:hover,
 body.web_developer.home-page .navbar-area .nav-container .navbar-collapse .navbar-nav > li > a:hover,
 body.web_developer.webdev-has-hero .navbar-area .nav-container .navbar-collapse .navbar-nav > li > a:hover,
 body.web_developer.webdev-home .navbar-area .nav-container .navbar-collapse .navbar-nav > li.current-menu-item > a,
 body.web_developer.home-page .navbar-area .nav-container .navbar-collapse .navbar-nav > li.current-menu-item > a,
 body.web_developer.webdev-has-hero .navbar-area .nav-container .navbar-collapse .navbar-nav > li.current-menu-item > a,
 body.web_developer.webdev-home .navbar-area .nav-container .navbar-collapse .navbar-nav > li.current-menu-ancestor > a,
 body.web_developer.home-page .navbar-area .nav-container .navbar-collapse .navbar-nav > li.current-menu-ancestor > a,
 body.web_developer.webdev-has-hero .navbar-area .nav-container .navbar-collapse .navbar-nav > li.current-menu-ancestor > a {
     color: var(--main-color-one, #8750fc) !important;
     -webkit-text-fill-color: var(--main-color-one, #8750fc) !important;
 }

/* home nav hover/active highlight */
body.web_developer.webdev-home .navbar-area .navbar-nav > li:hover > a,
body.web_developer.home-page .navbar-area .navbar-nav > li:hover > a,
body.web_developer.webdev-has-hero .navbar-area .navbar-nav > li:hover > a,
body.web_developer.webdev-home .navbar-area .navbar-nav > li.current-menu-item > a,
body.web_developer.home-page .navbar-area .navbar-nav > li.current-menu-item > a,
body.web_developer.webdev-has-hero .navbar-area .navbar-nav > li.current-menu-item > a,
body.web_developer.webdev-home .navbar-area .navbar-nav > li.current-menu-ancestor > a,
body.web_developer.home-page .navbar-area .navbar-nav > li.current-menu-ancestor > a,
body.web_developer.webdev-has-hero .navbar-area .navbar-nav > li.current-menu-ancestor > a {
    color: var(--main-color-one, #8750fc) !important;
    -webkit-text-fill-color: var(--main-color-one, #8750fc) !important;
}

body.web_developer.webdev-home .navbar-area .icon-notification,
body.web_developer.home-page .navbar-area .icon-notification,
body.web_developer.webdev-has-hero .navbar-area .icon-notification {
    background: #ffffff !important;
    color: var(--main-color-one, #8750fc) !important;
}

/* account dropdown readability (fix white-on-white) */
body.web_developer .navbar-area .login-account .account-list-item {
    background: #ffffff !important;
    border: 1px solid rgba(11, 4, 58, 0.12) !important;
}
body.web_developer .navbar-area .login-account .account-list-item .list a {
    color: #1b1448 !important;
    -webkit-text-fill-color: #1b1448 !important;
}
body.web_developer .navbar-area .login-account .account-list-item .list a:hover {
    color: var(--main-color-one, #8750fc) !important;
    -webkit-text-fill-color: var(--main-color-one, #8750fc) !important;
}

/* search panel click/open priority */
body.web_developer .search-bar,
body.web_developer .search-bar .menu-search-form,
body.web_developer .search-bar .search-open-form {
    position: relative;
    z-index: 10001;
}

/* inner pages: theme color nav text */
body.web_developer:not(.webdev-home):not(.home-page) header.header-style-01 {
    position: relative;
    z-index: 30;
}

body.web_developer:not(.webdev-home):not(.home-page) .navbar-area {
    background: #ffffff !important;
    border-bottom: 1px solid rgba(11, 4, 58, 0.1) !important;
}

body.web_developer:not(.webdev-home):not(.home-page) .navbar-area .navbar-nav > li > a,
body.web_developer:not(.webdev-home):not(.home-page) .navbar-area .nav-right-content .icon,
body.web_developer:not(.webdev-home):not(.home-page) .navbar-area .nav-right-content .accounts,
body.web_developer:not(.webdev-home):not(.home-page) .navbar-area .navbar-toggler {
    color: var(--main-color-one, #8750fc) !important;
    -webkit-text-fill-color: var(--main-color-one, #8750fc) !important;
}

body.web_developer:not(.webdev-home):not(.home-page) .navbar-area .navbar-nav > li:hover > a,
body.web_developer:not(.webdev-home):not(.home-page) .navbar-area .navbar-nav > li.current-menu-item > a,
body.web_developer:not(.webdev-home):not(.home-page) .navbar-area .navbar-nav > li.current-menu-ancestor > a {
    color: var(--main-color-two, #905cff) !important;
    -webkit-text-fill-color: var(--main-color-two, #905cff) !important;
}

body.web_developer:not(.webdev-home):not(.home-page) .navbar-area .icon-notification {
    background: var(--main-color-one, #8750fc) !important;
    color: #ffffff !important;
}

 /* web_developer: search dropdown should overlay navbar like scaffold */
 body.web_developer header.header-style-01 .searchbar-area { position: relative; }
 body.web_developer header.header-style-01 .search-bar {
     position: absolute !important;
     left: 0;
     right: 0;
     width: 95%;
     margin: 0 auto;
     z-index: 10050;
 }
 body.web_developer header.header-style-01 .search-bar.active {
     top: 5px;
 }

 /* web_developer: search bar internal UI fixes */
 body.web_developer .search-bar .menu-search-form .search-close {
     right: 30px !important;
     top: 90px !important;
     bottom: auto !important;
     z-index: 10060;
 }
 body.web_developer .search-bar .search-suggestions {
     max-height: 70vh;
     overflow-y: auto;
     margin-right: 10px;
 }

 /* web_developer: account dropdown UI fixes */
 body.web_developer .navbar-area .login-account .account-list-item {
     background: #ffffff !important;
     border: 1px solid rgba(11, 4, 58, 0.12) !important;
     box-shadow: 0 10px 30px rgba(0,0,0,0.1);
 }
 body.web_developer .navbar-area .login-account .account-list-item .list a {
     color: #1b1448 !important;
     -webkit-text-fill-color: #1b1448 !important;
     padding: 10px 25px !important;
     display: block !important;
     transition: all 0.3s;
 }
 body.web_developer .navbar-area .login-account .account-list-item .list a:hover {
     color: #ffffff !important;
     -webkit-text-fill-color: #ffffff !important;
     background: var(--main-color-one, #8750fc) !important;
 }

/* merge offset */
body.web_developer.webdev-home .webdev-hero-area,
body.web_developer.webdev-has-hero .webdev-hero-area {
    margin-top: -92px;
    padding-top: 92px;
}

.cmn-agency-btn cmn-agency-btn-bg-1{
    padding: 16px 32px;
}

.webdev-hero-clients-title{
    letter-spacing:2px;
    color: var(--heading-body-color, #c3c0d8) !important;
    font-size: 16px;
}

.webdev-hero-clients-area{
    margin-top: 50px;
}


body.web_developer .webdev-profiles-area .webdev-profile-content {
    padding-left: 18px !important;
}

@media (max-width: 991.98px) {
    body.web_developer .webdev-profiles-area .webdev-profile-thumb img {
        width: min(100%, 260px) !important;
        height: 240px !important;
    }
}

@media (max-width: 767.98px) {
    body.web_developer .webdev-profiles-area .webdev-profile-content {
        padding-left: 0 !important;
        margin-top: 18px;
    }
}
/* Character profile image offset without text overlap */
body.web_developer .webdev-profiles-area .webdev-profile-media-col {
    padding-right: 36px;
}
body.web_developer .webdev-profiles-area .webdev-profile-media-col .webdev-profile-thumb-wrapper {
    max-width: calc(100% - 36px);
    margin-left: auto;
    transform: translate(26px, -22px);
}
body.web_developer .webdev-profiles-area .webdev-profile-image {
    width: 100%;
    height: 410px;
    object-fit: cover;
    display: block;
}
body.web_developer .webdev-profiles-area .webdev-profile-content {
    padding-left: 8px !important;
}

@media (max-width: 991.98px) {
    body.web_developer .webdev-profiles-area .webdev-profile-media-col {
        padding-right: 0;
    }
    body.web_developer .webdev-profiles-area .webdev-profile-media-col .webdev-profile-thumb-wrapper {
        max-width: 100%;
        margin-left: 0;
        transform: none;
    }
    body.web_developer .webdev-profiles-area .webdev-profile-image {
        width: min(100%, 320px);
        height: 340px;
    }
}

@media (max-width: 767.98px) {
    body.web_developer .webdev-profiles-area .webdev-profile-image {
        width: min(100%, 280px);
        height: 300px;
    }
    body.web_developer .webdev-profiles-area .webdev-profile-content {
        padding-left: 0 !important;
        margin-top: 12px;
    }
}
/* Character profile offset (DOM-agnostic hard override) */
body.web_developer .webdev-profiles-area .row.align-items-center > [class*="col-"]:first-child {
    padding-right: 44px !important; /* reserve right-side safety space */
}
body.web_developer .webdev-profiles-area .row.align-items-center > [class*="col-"]:first-child .webdev-profile-thumb-wrapper {
    transform: translate(34px, -24px) !important; /* move image to top-right */
    margin-left: auto !important;
    max-width: calc(100% - 44px) !important;
}
body.web_developer .webdev-profiles-area .row.align-items-center > [class*="col-"]:first-child .webdev-profile-thumb img {
    width: 100% !important;
    height: 410px !important;
    object-fit: cover !important;
    display: block !important;
}
body.web_developer .webdev-profiles-area .row.align-items-center > [class*="col-"]:nth-child(2) .webdev-profile-content {
    padding-left: 4px !important; /* keep text away but tighter than before */
}

@media (max-width: 991.98px) {
    body.web_developer .webdev-profiles-area .row.align-items-center > [class*="col-"]:first-child {
        padding-right: 0 !important;
    }
    body.web_developer .webdev-profiles-area .row.align-items-center > [class*="col-"]:first-child .webdev-profile-thumb-wrapper {
        transform: none !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }
    body.web_developer .webdev-profiles-area .row.align-items-center > [class*="col-"]:first-child .webdev-profile-thumb img {
        width: min(100%, 320px) !important;
        height: 340px !important;
    }
}
/* Character profile final layout fix: narrower media column + visible offset */
@media (min-width: 992px) {
    body.web_developer .webdev-profiles-area .row.align-items-center {
        --bs-gutter-x: 0.75rem;
    }

    body.web_developer .webdev-profiles-area .row.align-items-center > [class*="col-"]:first-child {
        flex: 0 0 37% !important;
        max-width: 37% !important;
        padding-right: 22px !important;
    }

    body.web_developer .webdev-profiles-area .row.align-items-center > [class*="col-"]:nth-child(2) {
        flex: 0 0 63% !important;
        max-width: 63% !important;
    }

    body.web_developer .webdev-profiles-area .row.align-items-center > [class*="col-"]:first-child .webdev-profile-thumb-wrapper {
        width: 332px;
        max-width: 100%;
        margin-left: auto !important;
        transform: translate(28px, -26px) !important;
    }

    body.web_developer .webdev-profiles-area .row.align-items-center > [class*="col-"]:first-child .webdev-profile-thumb img,
    body.web_developer .webdev-profiles-area .webdev-profile-image {
        width: 100% !important;
        height: 390px !important;
        object-fit: cover !important;
    }

    body.web_developer .webdev-profiles-area .row.align-items-center > [class*="col-"]:nth-child(2) .webdev-profile-content {
        padding-left: 0 !important;
    }
}
/* Character profile: keep thumb fixed, offset IMG only */
@media (min-width: 992px) {
    body.web_developer .webdev-profiles-area .webdev-profile-thumb {
        position: relative;
        overflow: visible;
        width: 340px;
        max-width: 100%;
    }

    body.web_developer .webdev-profiles-area .webdev-profile-thumb img {
        position: relative !important;
        left: 29px;
        top: -29px;
        width: 340px !important;
        max-width: 100% !important;
        height: 400px !important;
        object-fit: cover !important;
        display: block;
        border-radius: 6px;
    }

    /* keep clear gap to avoid overlap after image moves right */
    body.web_developer .webdev-profiles-area .webdev-profile-content {
        padding-left: 30px !important;
    }
}

@media (max-width: 991.98px) {
    body.web_developer .webdev-profiles-area .webdev-profile-thumb img {
        position: static !important;
        left: auto;
        top: auto;
        width: min(100%, 320px) !important;
        height: 340px !important;
    }
    body.web_developer .webdev-profiles-area .webdev-profile-content {
        padding-left: 0 !important;
    }
}
/* Divider between profile and service sections */
body.web_developer .webdev-section-divider-wrap {
    margin: 0;
}
body.web_developer .webdev-section-divider {
    height: 1px;
    margin: 0 auto;
    background: var(--heading-body-color, #c3c0d8);
    opacity: 0.6;
}
/* Web developer service section (official-style vertical layout) */
body.web_developer .webdev-service-list {
    display: block;
}
body.web_developer .webdev-service-item {
    padding: 8px 0;
}
body.web_developer .webdev-service-serial {
    display: inline-block;
    color: var(--main-color-one, #8750fc);
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.04em;
}
body.web_developer .webdev-service-item .webdev-service-title {
    color: #ffffff;
    font-size: clamp(34px, 2.8vw, 44px);
    line-height: 1.15;
    font-weight: 700;
    margin-bottom: 0;
}
body.web_developer .webdev-service-item .webdev-service-description {
    color: var(--heading-body-color, #c3c0d8);
    max-width: 560px;
    margin-bottom: 0;
}
body.web_developer .webdev-service-points {
    margin: 0;
    padding: 0;
    list-style: none;
}
body.web_developer .webdev-service-points li {
    position: relative;
    color: var(--heading-body-color, #c3c0d8);
    padding-left: 24px;
    margin-bottom: 10px;
}
body.web_developer .webdev-service-points li:last-child {
    margin-bottom: 0;
}
body.web_developer .webdev-service-points li::before {
    content: '\f105';
    font-family: 'Line Awesome Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: var(--heading-body-color, #c3c0d8);
}
body.web_developer .webdev-service-item-image img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    display: block;
}
body.web_developer .webdev-service-item-divider {
    width: 100%;
    height: 1px;
    background: var(--heading-body-color, #c3c0d8);
    opacity: 0.6;
    margin: 42px 0;
}

@media (max-width: 991.98px) {
    body.web_developer .webdev-service-item .webdev-service-title {
        font-size: clamp(30px, 6vw, 38px);
    }
    body.web_developer .webdev-service-item-image img {
        height: 280px;
    }
    body.web_developer .webdev-service-item-divider {
        margin: 28px 0;
    }
}

.webdev-service-item-content{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.web_developer .agency_section__title .title{
    font-weight: 700 !important;
    font-size: 48px !important;
}
/* Featured work official structure */
body.web_developer .webdev-featured-primary {
    border: 1px solid rgba(195, 192, 216, 0.28);
    background: rgba(27, 20, 72, 0.78);
}
body.web_developer .webdev-featured-primary-media {
    position: relative;
    min-height: 520px;
    height: 100%;
    overflow: hidden;
}
body.web_developer .webdev-featured-primary-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
body.web_developer .webdev-featured-primary-foreground {
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translate(-50%, -50%);
    width: 100%;
    object-fit: contain;
}
body.web_developer .webdev-featured-primary-content {
    height: 100%;
    padding: 42px 38px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: rgba(33, 24, 95, 0.9);
}
body.web_developer .webdev-featured-category {
    display: inline-block;
    color: var(--heading-body-color, #c3c0d8);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 16px;
    font-weight: 600;
}
body.web_developer .webdev-featured-primary-title {
    color: #ffffff;
    font-size: clamp(34px, 2.9vw, 46px);
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 0;
}
body.web_developer .webdev-featured-primary-description {
    color: var(--heading-body-color, #c3c0d8);
    margin-bottom: 0;
    line-height: 1.7;
}

body.web_developer .webdev-featured-secondary-card {
    border: 1px solid rgba(195, 192, 216, 0.22);
    background: rgba(27, 20, 72, 0.78);
    height: 100%;
}
body.web_developer .webdev-featured-secondary-thumb img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
}
body.web_developer .webdev-featured-secondary-content {
    padding: 28px 26px;
}
body.web_developer .webdev-featured-secondary-title {
    color: #ffffff;
    font-size: clamp(28px, 2.4vw, 40px);
    line-height: 1.2;
    margin-bottom: 0;
}
body.web_developer .webdev-featured-area .cmn-agency-btn {
    padding: 16px 28px !important;
    font-weight: 600 !important;
}

@media (max-width: 991.98px) {
    body.web_developer .webdev-featured-primary-media {
        min-height: 520px;
    }
    body.web_developer .webdev-featured-primary-content {
        padding: 28px 22px;
    }
    body.web_developer .webdev-featured-primary-title,
    body.web_developer .webdev-featured-secondary-title {
        font-size: clamp(28px, 6.3vw, 36px);
    }
}
/* Featured counter row: official horizontal metrics */
body.web_developer .webdev-featured-area .webdev-counter-row {
    border-top: 0;
    margin-top: 150px !important;
}
body.web_developer .webdev-featured-area .webdev-counter-col {
    position: relative;
    padding: 6px 14px;
}
body.web_developer .webdev-featured-area .webdev-counter-col:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 58px;
    background: rgba(195, 192, 216, 0.45);
}
body.web_developer .webdev-featured-area .webdev-counter-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: left;
    padding: 0;
}
body.web_developer .webdev-featured-area .webdev-counter-item h3 {
    margin: 0;
    font-size: clamp(52px, 5.4vw, 64px);
    line-height: 1;
    color: #ffffff;
    font-weight: 500;
}
body.web_developer .webdev-featured-area .webdev-counter-item p {
    margin: 0;
    color: var(--heading-body-color, #c3c0d8);
    font-size: 30px;
    line-height: 1.2;
    max-width: 188px;
}

@media (max-width: 991.98px) {
    body.web_developer .webdev-featured-area .webdev-counter-col {
        padding: 12px 8px;
    }
    body.web_developer .webdev-featured-area .webdev-counter-col:nth-child(2n)::after {
        display: none;
    }
    body.web_developer .webdev-featured-area .webdev-counter-item {
        justify-content: flex-start;
    }
    body.web_developer .webdev-featured-area .webdev-counter-item h3 {
        font-size: clamp(40px, 9vw, 52px);
    }
    body.web_developer .webdev-featured-area .webdev-counter-item p {
        font-size: 24px;
    }
}
/* Featured counter hotfix: prevent 120 line-break */
body.web_developer .webdev-featured-area .webdev-counter-item {
    flex-wrap: nowrap;
    gap: 14px;
}
body.web_developer .webdev-featured-area .webdev-counter-item h3 {
    white-space: nowrap;
    min-width: 84px;
    flex: 0 0 auto;
}
body.web_developer .webdev-featured-area .webdev-counter-item p {
    min-width: 0;
    max-width: 160px;
}
/* Evaluate cards: official style */
body.web_developer .webdev-evaluate-card {
    background: rgba(27, 20, 72, 0.92);
    border: 1px solid rgba(195, 192, 216, 0.16);
    border-radius: 8px;
    padding: 24px 22px;
}
body.web_developer .webdev-evaluate-stars {
    margin-bottom: 14px;
    color: #ffc857;
    font-size: 18px;
    line-height: 1;
    display: inline-flex;
    gap: 2px;
}
body.web_developer .webdev-evaluate-quote {
    color: var(--heading-body-color, #c3c0d8);
    line-height: 1.65;
    margin-bottom: 18px;
}
body.web_developer .webdev-evaluate-person {
    display: flex;
    align-items: center;
    gap: 12px;
}
body.web_developer .webdev-evaluate-person img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}
body.web_developer .webdev-evaluate-person-meta h5 {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.2;
}
body.web_developer .webdev-evaluate-person-meta span {
    display: block;
    margin-top: 2px;
    color: var(--heading-body-color, #c3c0d8);
    font-size: 14px;
    line-height: 1.3;
}
/* Evaluate cards: alignment + spacing + star color fix */
body.web_developer .webdev-evaluate-card {
    background: rgba(27, 20, 72, 0.92);
    border: none !important;
    border-radius: 0px;
    padding: 32px;
}
body.web_developer .webdev-evaluate-stars {
    margin-bottom: 16px;
    color: #ffbf3f;
    font-size: 18px;
    line-height: 1;
    display: inline-flex;
    gap: 2px;
}
body.web_developer .webdev-evaluate-quote {
    color: #ffffff;
    line-height: 1.72;
    margin-top: 8px;
    margin-bottom: 20px;
}
body.web_developer .webdev-evaluate-person {
    display: flex;
    align-items: center;
    gap: 12px;
}
body.web_developer .webdev-evaluate-person img {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}
body.web_developer .webdev-evaluate-person-meta {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
body.web_developer .webdev-evaluate-person-meta h5 {
    margin: 0;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.2;
}
body.web_developer .webdev-evaluate-person-meta span {
    display: block;
    margin-top: 2px;
    color: var(--heading-body-color, #c3c0d8);
    font-size: 14px;
    line-height: 1.3;
}
/* Contact section: stable layout (no truncation/overlap) */
body.web_developer .webdev-contact-area {
    position: relative;
    background: linear-gradient(rgba(11, 4, 58, 0.48), rgba(11, 4, 58, 0.48)), var(--webdev-contact-bg) center/cover no-repeat;
}
body.web_developer .webdev-contact-area .container {
    max-width: 1180px;
}
body.web_developer .webdev-contact-content {
    min-height: 400px;
    width: 100%;
    max-width: 980px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    margin: 0;
}
body.web_developer .webdev-contact-content .title {
    display: block;
    width: 100%;
    max-width: 980px;
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(42px, 4.1vw, 68px);
    line-height: 1.12;
    font-weight: 700;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    word-break: break-word;
    overflow-wrap: anywhere;
}
body.web_developer .webdev-contact-link {
    display: inline-block;
    margin: 0;
    color: #ffffff;
    font-size: clamp(34px, 2.8vw, 48px);
    line-height: 1.22;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 8px;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    transition: opacity .25s ease;
}
body.web_developer .webdev-contact-link:hover {
    color: #ffffff;
    opacity: .86;
}

@media (max-width: 991.98px) {
    body.web_developer .webdev-contact-content {
        min-height: 260px;
        max-width: 100%;
    }
    body.web_developer .webdev-contact-content .title {
        margin-bottom: 12px;
    }
    body.web_developer .webdev-contact-link {
        text-underline-offset: 5px;
    }
}
/* Footer shape-4: full width, no border, logo first, centered copyright */
body.web_developer .webdev-footer-area {
    margin-top: 40px;
    width: 100%;
}
body.web_developer .webdev-footer-area .webdev-footer-wrap {
    max-width: 100% !important;
    padding-left: 0;
    padding-right: 0;
}
body.web_developer .webdev-footer-area .webdev-footer-shell {
    background: rgba(11, 4, 58, 0.92) !important;
    border: 0 !important;
    border-radius: 0 !important;
}
body.web_developer .webdev-footer-area .webdev-footer-content-container {
    max-width: 1240px;
}
body.web_developer .webdev-footer-area .webdev-footer-main {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
}
body.web_developer .webdev-footer-area .webdev-footer-grid {
    display: grid;
    grid-template-columns: minmax(220px, 1.2fr) minmax(190px, 1fr) minmax(190px, 1fr) minmax(220px, 1.1fr);
    gap: 70px;
}
body.web_developer .webdev-footer-area .webdev-footer-col,
body.web_developer .webdev-footer-area .footer-widget {
    text-align: left;
}
body.web_developer .webdev-footer-area .footer-widget .widget-title {
    color: var(--heading-color, #ffffff) !important;
}
body.web_developer .webdev-footer-area .footer-widget .footer-inner .footer-logo {
    margin-bottom: 14px;
}
body.web_developer .webdev-footer-area .footer-widget .footer-inner .footer-para,
body.web_developer .webdev-footer-area .footer-widget .footer-inner .footer-link-list .list a,
body.web_developer .webdev-footer-area .footer-widget .footer-inner .footer-link-address .list .address,
body.web_developer .webdev-footer-area .footer-widget .footer-inner .subscribe-para,
body.web_developer .webdev-footer-area .footer-widget.widget_nav_menu ul li a {
    color: var(--paragraph-color) !important;
}

/* Social icons: visible by default, highlighted on hover */
body.web_developer .webdev-footer-area .footer-widget .footer-inner .footer-social-list .lists a {
    background: rgba(255, 255, 255, 0.16) !important;
    color: var(--heading-color, #ffffff) !important;
}
body.web_developer .webdev-footer-area .footer-widget .footer-inner .footer-social-list .lists a:hover {
    background: var(--main-color-one, #8750fc) !important;
    color: #ffffff !important;
}

/* Footer links hover + active */
body.web_developer .webdev-footer-area .footer-widget .footer-inner .footer-link-list .list a:hover,
body.web_developer .webdev-footer-area .footer-widget .footer-inner .footer-link-address .list .address:hover,
body.web_developer .webdev-footer-area .footer-widget .footer-inner .footer-link-list li a:hover,
body.web_developer .webdev-footer-area .footer-widget.widget_nav_menu ul li a:hover {
    color: var(--main-color-one, #8750fc) !important;
}
body.web_developer .webdev-footer-area .footer-widget .footer-inner .footer-link-list li.current-menu-item > a,
body.web_developer .webdev-footer-area .footer-widget .footer-inner .footer-link-list .list.current-menu-item > a,
body.web_developer .webdev-footer-area .footer-widget.widget_nav_menu ul li.current-menu-item > a,
body.web_developer .webdev-footer-area .footer-widget.widget_nav_menu ul li.current_page_item > a,
body.web_developer .webdev-footer-area .footer-widget.widget_nav_menu ul li.current-menu-ancestor > a {
    color: var(--main-color-one, #8750fc) !important;
}

body.web_developer .webdev-footer-area .webdev-footer-stack {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
body.web_developer .webdev-footer-area .webdev-copyright-area {
    margin-top: 10px;
    padding: 18px 0!important;
    border-top: 1px solid rgba(195, 192, 216, 0.2) !important;
    background: transparent;
}
body.web_developer .webdev-footer-area .webdev-copyright-contents {
    color: var(--paragraph-color) !important;
    text-align: center !important;
    font-size: 14px;
    line-height: 1.6;
}

@media (max-width: 1199.98px) {
    body.web_developer .webdev-footer-area .webdev-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 36px;
    }
}
@media (max-width: 767.98px) {
    body.web_developer .webdev-footer-area .webdev-footer-main {
        padding-top: 30px !important;
        padding-bottom: 28px !important;
    }
    body.web_developer .webdev-footer-area .webdev-footer-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}
/* Inner pages: keep original light background + readable breadcrumb title */
body.web_developer:not(.webdev-home):not(.home-page) {
    background: #ffffff !important;
    --breadcrumb-bg: #fff8f0 !important;
}
body.web_developer:not(.webdev-home):not(.home-page) .badge-area,
body.web_developer:not(.webdev-home):not(.home-page) .bg-item-four {
    background: #fff8f0 !important;
}
body.web_developer:not(.webdev-home):not(.home-page) .badge-contents .badge-title {
    color: #1b1c25 !important;
    overflow: visible !important;
}
body.web_developer:not(.webdev-home):not(.home-page) .badge-contents .bage-list .list,
body.web_developer:not(.webdev-home):not(.home-page) .badge-contents .bage-list .list a {
    color: #7a7f87 !important;
}
body.web_developer:not(.webdev-home):not(.home-page) .badge-contents .bage-list .list:hover,
body.web_developer:not(.webdev-home):not(.home-page) .badge-contents .bage-list .list a:hover,
body.web_developer:not(.webdev-home):not(.home-page) .badge-contents .bage-list .list.current-menu-item > a,
body.web_developer:not(.webdev-home):not(.home-page) .badge-contents .bage-list .list.current_page_item > a {
    color: var(--main-color-one, #8750fc) !important;
}
/* Resolve heading-color conflict: footer uses local light tokens */
body.web_developer .webdev-footer-area {
    --heading-color: #ffffff !important;
    --paragraph-color: #c3c0d8 !important;
}
/* Inner pages readability hardening (shop/blog/etc) */
body.web_developer:not(.webdev-home):not(.home-page) .widget-title,
body.web_developer:not(.webdev-home):not(.home-page) .global-card .name-title,
body.web_developer:not(.webdev-home):not(.home-page) .global-card .name-title a,
body.web_developer:not(.webdev-home):not(.home-page) .global-product-cats .item,
body.web_developer:not(.webdev-home):not(.home-page) .single-grid-product .price,
body.web_developer:not(.webdev-home):not(.home-page) .single-grid-product .price del,
body.web_developer:not(.webdev-home):not(.home-page) .single-grid-product .price ins,
body.web_developer:not(.webdev-home):not(.home-page) .shop-grid .single-grid-product .title,
body.web_developer:not(.webdev-home):not(.home-page) .shop-grid .single-grid-product .title a {
    color: #1b1c25 !important;
}
body.web_developer:not(.webdev-home):not(.home-page) .single-grid-product .price del,
body.web_developer:not(.webdev-home):not(.home-page) .global-product-cats .item,
body.web_developer:not(.webdev-home):not(.home-page) .sidebar-contents .form--control,
body.web_developer:not(.webdev-home):not(.home-page) .sidebar-contents,
body.web_developer:not(.webdev-home):not(.home-page) .single-grid-product .price {
    color: #7a7f87 !important;
}
/* ===== Final scope split: home vs inner pages (highest priority) ===== */
/* Ensure page background never leaks (fix bottom white strip) */
html body.web_developer {
    min-height: 100vh;
}

/* Home pages keep dark theme tokens */
body.web_developer.home-page,
body.web_developer.webdev-home,
html body.web_developer.home-page,
html body.web_developer.webdev-home {
    --heading-color: #ffffff !important;
    --heading-body-color: #c3c0d8 !important;
    --body-color: #c3c0d8 !important;
    --breadcrumb-bg: #0b043a !important;
    --extra-light-color: #9c9ba1 !important;
    background: #0b043a !important;
    color: #c3c0d8 !important;
}

/* Inner pages force light background + dark readable text tokens */
body.web_developer:not(.home-page):not(.webdev-home),
html body.web_developer:not(.home-page):not(.webdev-home) {
    --heading-color: #1b1c25 !important;
    --heading-body-color: #6f7480 !important;
    --body-color: #6f7480 !important;
    --breadcrumb-bg: #fff8f0 !important;
    --extra-light-color: #9aa0aa !important;
    background: #ffffff !important;
    color: #1b1c25 !important;
}

/* Inner-page nav/readability hard override */
body.web_developer:not(.home-page):not(.webdev-home) .navbar-area .nav-right-content .icon,
body.web_developer:not(.home-page):not(.webdev-home) .navbar-area .nav-right-content .accounts,
body.web_developer:not(.home-page):not(.webdev-home) .navbar-area .navbar-toggler,
body.web_developer:not(.home-page):not(.webdev-home) .navbar-area .navbar-nav > li > a {
    color: #1b1c25 !important;
    -webkit-text-fill-color: #1b1c25 !important;
}

/* Nav icons: on hover, icon becomes white */
body.web_developer .navbar-area .nav-right-content .icon:hover,
body.web_developer .navbar-area .nav-right-content .accounts:hover,
body.web_developer .navbar-area .nav-right-content a:hover .icon,
body.web_developer .navbar-area .nav-right-content a:hover {
    background: var(--main-color-one, #8750fc) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.web_developer:not(.home-page):not(.webdev-home) .icon-notification {
    background: var(--main-color-one, #8750fc) !important;
    color: #ffffff !important;
}

/* Shop/listing text visibility */
body.web_developer:not(.home-page):not(.webdev-home) .widget-title,
body.web_developer:not(.home-page):not(.webdev-home) .global-card .name-title,
body.web_developer:not(.home-page):not(.webdev-home) .global-card .name-title a,
body.web_developer:not(.home-page):not(.webdev-home) .shop-grid .single-grid-product .title,
body.web_developer:not(.home-page):not(.webdev-home) .shop-grid .single-grid-product .title a,
body.web_developer:not(.home-page):not(.webdev-home) .single-grid-product .price,
body.web_developer:not(.home-page):not(.webdev-home) .single-grid-product .price ins {
    color: #1b1c25 !important;
}
body.web_developer:not(.home-page):not(.webdev-home) .single-grid-product .price del,
body.web_developer:not(.home-page):not(.webdev-home) .global-product-cats .item,
body.web_developer:not(.home-page):not(.webdev-home) .sidebar-contents,
body.web_developer:not(.home-page):not(.webdev-home) .sidebar-contents .form--control {
    color: #6f7480 !important;
}

/* Keep footer readable on dark background regardless of inner-page tokens */
body.web_developer .webdev-footer-area {
    --heading-color: #ffffff !important;
    --heading-body-color: #c3c0d8 !important;
    --body-color: #c3c0d8 !important;
    --paragraph-color: #c3c0d8 !important;
}
/* Footer readability lock: always light text on dark footer */
body.web_developer .webdev-footer-area .footer-widget .widget-title,
body.web_developer .webdev-footer-area .footer-widget .footer-inner .footer-para,
body.web_developer .webdev-footer-area .footer-widget .footer-inner .footer-link-list .list a,
body.web_developer .webdev-footer-area .footer-widget .footer-inner .footer-link-address .list .address,
body.web_developer .webdev-footer-area .footer-widget .footer-inner .subscribe-para,
body.web_developer .webdev-footer-area .footer-widget.widget_nav_menu ul li a,
body.web_developer .webdev-footer-area .webdev-copyright-contents {
    color: #c3c0d8 !important;
    -webkit-text-fill-color: #c3c0d8 !important;
}
body.web_developer .webdev-footer-area .footer-widget .widget-title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
body.web_developer .webdev-footer-area .footer-widget .footer-inner .footer-link-list .list a:hover,
body.web_developer .webdev-footer-area .footer-widget .footer-inner .footer-link-address .list .address:hover,
body.web_developer .webdev-footer-area .footer-widget.widget_nav_menu ul li a:hover,
body.web_developer .webdev-footer-area .footer-widget.widget_nav_menu ul li.current-menu-item > a,
body.web_developer .webdev-footer-area .footer-widget.widget_nav_menu ul li.current_page_item > a,
body.web_developer .webdev-footer-area .footer-widget.widget_nav_menu ul li.current-menu-ancestor > a {
    color: var(--main-color-one, #8750fc) !important;
    -webkit-text-fill-color: var(--main-color-one, #8750fc) !important;
}
/* Footer final contrast override: catch all footer text nodes */
body.web_developer .webdev-footer-area,
body.web_developer .webdev-footer-area .footer-widget,
body.web_developer .webdev-footer-area .footer-widget *,
body.web_developer .webdev-footer-area .webdev-copyright-area,
body.web_developer .webdev-footer-area .webdev-copyright-area * {
    color: #c3c0d8 !important;
    -webkit-text-fill-color: #c3c0d8 !important;
}

/* Footer headings should be brighter */
body.web_developer .webdev-footer-area .footer-widget .widget-title,
body.web_developer .webdev-footer-area .footer-widget h1,
body.web_developer .webdev-footer-area .footer-widget h2,
body.web_developer .webdev-footer-area .footer-widget h3,
body.web_developer .webdev-footer-area .footer-widget h4,
body.web_developer .webdev-footer-area .footer-widget h5,
body.web_developer .webdev-footer-area .footer-widget h6 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Footer interactive states */
body.web_developer .webdev-footer-area a:hover,
body.web_developer .webdev-footer-area .current-menu-item > a,
body.web_developer .webdev-footer-area .current_page_item > a,
body.web_developer .webdev-footer-area .current-menu-ancestor > a {
    color: var(--main-color-one, #8750fc) !important;
    -webkit-text-fill-color: var(--main-color-one, #8750fc) !important;
}

/* Keep payment logos visually intact */
body.web_developer .webdev-footer-area .payment-list img,
body.web_developer .webdev-footer-area .payment-list svg,
body.web_developer .webdev-footer-area .payment-list picture {
    filter: none !important;
}
/* Nav right icons: ensure inner <i>/<svg> turns white on hover */
body.web_developer .track-icon-list.style-02 a.icon:hover i,
body.web_developer .track-icon-list.style-02 a.icon:hover svg,
body.web_developer .track-icon-list.style-02 a.single-icon:hover .icon i,
body.web_developer .track-icon-list.style-02 a.single-icon:hover .icon svg,
body.web_developer .track-icon-list.style-02 .single-icon.cart-shopping:hover > a.icon i,
body.web_developer .track-icon-list.style-02 .single-icon.cart-shopping:hover > a.icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
body.web_developer .track-icon-list.style-02 a.single-icon:hover .icon,
body.web_developer .track-icon-list.style-02 a.icon:hover {
    background: var(--main-color-one, #8750fc) !important;
}

/* Footer bottom white strip guard: make footer outer wrapper dark too */
body.web_developer .footer-area.webdev-footer-area {
    background: rgba(11, 4, 58, 0.92) !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
body.web_developer .footer-area.webdev-footer-area .webdev-footer-wrap {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.multi-action{
    display: none !important;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .mobile-nav-icon{
        color: #000 !important;
    }
    
    .mobile-nav-title{
        color: #000 !important;
    }
    
}
/* web_developer: mobile menu white panel */
@media (max-width: 991.98px) {
  body.web_developer .header-style-01 .navbar-area #bizcoxx_main_menu.navbar-collapse.show {
    background: #ffffff !important;
    border: 1px solid #e9e9ef;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
    z-index: 99999;
    margin-top: 15px;
  }

  body.web_developer .header-style-01 .navbar-area #bizcoxx_main_menu.navbar-collapse.show .navbar-nav,
  body.web_developer .header-style-01 .navbar-area #bizcoxx_main_menu.navbar-collapse.show .navbar-nav li {
    background: #ffffff !important;
  }

  body.web_developer .header-style-01 .navbar-area #bizcoxx_main_menu.navbar-collapse.show .navbar-nav li a {
    color: #111111 !important;
  }

  body.web_developer .header-style-01 .navbar-area #bizcoxx_main_menu.navbar-collapse.show .navbar-nav li.current-menu-item > a,
  body.web_developer .header-style-01 .navbar-area #bizcoxx_main_menu.navbar-collapse.show .navbar-nav li > a:hover {
    color: var(--main-color-one, #8750fc) !important;
  }
}
/* web_developer: mobile menu text fill override */
@media (max-width: 991.98px) {
  body.web_developer .header-style-01 .navbar-area #bizcoxx_main_menu.navbar-collapse.show .navbar-nav li a,
  body.web_developer .header-style-01 .navbar-area #bizcoxx_main_menu.navbar-collapse.show .navbar-nav li a span,
  body.web_developer .header-style-01 .navbar-area #bizcoxx_main_menu.navbar-collapse.show .navbar-nav li a * {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    text-fill-color: #111111 !important;
  }

  body.web_developer .header-style-01 .navbar-area #bizcoxx_main_menu.navbar-collapse.show .navbar-nav li.current-menu-item > a,
  body.web_developer .header-style-01 .navbar-area #bizcoxx_main_menu.navbar-collapse.show .navbar-nav li > a:hover {
    color: var(--main-color-one, #8750fc) !important;
    -webkit-text-fill-color: var(--main-color-one, #8750fc) !important;
    text-fill-color: var(--main-color-one, #8750fc) !important;
  }
}

@media only screen and (max-width: 991px) {
    .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler{
        background: #f3f3f3 !important;
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav{
        margin-top: 0 !important;
}